<script type="text/javascript" src="<?php echo base_url() ?>static/js_layer_rtrw_budidaya.js"></script>


<input type="hidden" id="base_url" value="<?php echo base_url(); ?>" />
<input type="hidden" id="site_url" value="<?php echo site_url(); ?>" />      

<a href="<?php echo site_url() ?>"><div class="logomap">    
</div></a>
<div id="map_canvas" style="z-index: 10; width:100%; height:100%; position: absolute;border-radius: 5px 5px 5px 5px;"></div>
<div class="kotakfilterrtrw">
<!--    <input type="checkbox" id="kecbox" name="kec" value="kec" checked=""><br>
    -->
    <input type="hidden" id="id_kec" value="0" />  
    <center><h4>PETA RENCANA TATA RUANG WILAYAH</h4></center>
    <br/>
    Pilih Kecamatan : 
    <select id="pilihkecamatan" class="combo" style="margin-bottom: 20px;">
            <option value="0">SEMUA KECAMATAN</option>
            <?php foreach($list_kec->result_array() as $row){ ?>
                    <option value="<?php echo $row["KEC_KODE"]; ?>" ><?php echo $row["KEC_NAMA"]; ?></option>
            <?php } ?>
    </select>  
   
    <div class="widget">
            <div class="panel-group" id="accordion">
<!--                <div class="panel panel-default ">
                    <div class="panel-heading" style="background: #fff">
                      <h3 class="panel-title" >
                      <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" class="collapsed">
                       Filter Pemetaan
                      </a>
                    </h3>
                  </div>
                  <div id="collapseOne" class="panel-collapse collapse" style="height: 0px;">
                    <div class="panel-body">
                        
                    </div>
                  </div>
                </div>-->
                <div class="panel panel-default ">
                    <div class="panel-heading" style="background: #fff">
                      <h3 class="panel-title" >
                      <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" class="collapsed">
                       Peta Dasar
                      </a>
                    </h3>
                  </div>
                  <div id="collapseTwo" class="panel-collapse collapse" style="height: 0px;">
                    <div class="panel-body">
                        <ul class="list_peta">
                            <li><input type="checkbox" id="kabbox" checked="" disabled=""> Administrasi Kabupaten</li>
                            <li><input type="checkbox" id="kecbox" checked="">Administrasi Kecamatan</li>
                            <li><input type="checkbox" id="desabox"  checked=""> Administrasi Kelurahan</li>
                            <li><input type="checkbox" class="jalan" name="" value="" > Jalan</li>
<!--                            <li><input type="checkbox" id="" name="" value="" >Kontur</li>-->
                            
                        </ul>
                    </div>
                  </div>
                </div>
                <div class="panel panel-default">
                    <div class="panel-heading" style="background: #fff">
                      <h3 class="panel-title" >
                      <a data-toggle="collapse" data-parent="#accordion" href="#collapseSix" class="collapsed">
                      Cluster Wilayah Pengembangan
                      </a>
                    </h3>
                  </div>
                  <div id="collapseSix" class="panel-collapse collapse" style="height: 0px;">
                    <div class="panel-body">
                        <ul class="list_peta">            
                        <li><input type="checkbox" class="cluster" value="1" >  Cluster Bagian Selatan</li>
                        <li><input type="checkbox" class="cluster" value="2" >  Cluster Bagian Tengah Barat</li>
                        <li><input type="checkbox" class="cluster" value="3" >  Cluster Bagian Tengah Timur</li>
                        <li><input type="checkbox" class="cluster" value="4" >  Cluster Bagian Utara</li>
                        </ul>
                    </div>
                  </div>
                </div>
                <div class="panel panel-default ">
                    <div class="panel-heading" style="background: #fff">
                      <h3 class="panel-title" >
                      <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree" class="collapsed">
                       Kawasan Strategis
                      </a>
                    </h3>
                  </div>
                  <div id="collapseThree" class="panel-collapse collapse" style="height: 0px;">
                    <div class="panel-body">
                        <ul class="list_peta">                    
                            <li><input type="checkbox" class="strategis" value="1" >  Area Pelestarian Alam</li>
                            <li><input type="checkbox" class="strategis" value="2"> Area Pengembangan Agropolitan</li>
                            <li><input type="checkbox" class="strategis" value="3"> Area Pengembangan Agrowisata</li>
                            <li><input type="checkbox" class="strategis" value="4"> Area Pengembangan Bandar Udara</li>
                            <li><input type="checkbox" class="strategis" value="5"> Area Pengembangan Industri Terpadu</li>
                            <li><input type="checkbox" class="strategis" value="6"> Area Pengembangan Pelabuhan</li>
                            <li><input type="checkbox" class="strategis" value="7"> Area Pengembangan Perikanan</li>
                        </ul>
                    </div>
                  </div>
                </div>
                <div class="panel panel-default ">
                   <div class="panel-heading" style="background: #fff">
                      <h3 class="panel-title" >
                      <a data-toggle="collapse" data-parent="#accordion" href="#collapseFour" class="collapsed">
                      Kawasan Budidaya
                      </a>
                    </h3>
                  </div>
                  <div id="collapseFour" class="panel-collapse collapse" style="height: 0px;">
                    <div class="panel-body">
                        <ul class="list_peta">            
                        <li><input type="checkbox" class="budidaya" value="1"> Kawasan budidaya perikanan payau</li>
                        <li><input type="checkbox" class="budidaya" value="2"> Kawasan hutan produksi</li>
                        <li><input type="checkbox" class="budidaya" value="3"> Kawasan industri besar</li>
                        <li><input type="checkbox" class="budidaya" value="4"> Kawasan industri menengah & kecil</li>
                        <li><input type="checkbox" class="budidaya" value="5"> Kawasan perkebunan</li>
                        <li><input type="checkbox" class="budidaya" value="6"> Kawasan pertanian beririgasi</li>
                        <li><input type="checkbox" class="budidaya" value="7"> Kawasan Tambak</li>
                        <li><input type="checkbox" class="budidaya" value="8"> Pemukiman Pedesaan</li>
                        <li><input type="checkbox" class="budidaya" value="9"> Pemukiman Perkotaa</li>
                        </ul>
                    </div>
                  </div>
                </div>
                
                <div class="panel panel-default">
                    <div class="panel-heading" style="background: #fff">
                      <h3 class="panel-title" >
                      <a data-toggle="collapse" data-parent="#accordion" href="#collapseFive" class="collapsed">
                      Kawasan Lindung
                      </a>
                    </h3>
                  </div>
                  <div id="collapseFive" class="panel-collapse collapse" style="height: 0px;">
                    <div class="panel-body">
                        <ul class="list_peta">            
                        <li><input type="checkbox" class="lindung" value="1" >  Cagar Alam</li>
                        <li><input type="checkbox" class="lindung" value="2" >  Hutan Mangrove</li>
                        <li><input type="checkbox" class="lindung" value="3" >  Suaka Alam Laut</li>
                        <li><input type="checkbox" class="lindung" value="4" >  Taman Nasional</li>
                        <li><input type="checkbox" class="lindung" value="5" >  Taman Wisata Alam</li>
                        </ul>
                    </div>
                  </div>
                </div>
                
                <div class="panel panel-default">
                    <div class="panel-heading" style="background: #fff">
                      <h3 class="panel-title" >
                      <a data-toggle="collapse" data-parent="#accordion" href="#collapseSeven" class="collapsed">
                        Lain Lain
                      </a>
                    </h3>
                  </div>
                  <div id="collapseSeven" class="panel-collapse collapse" style="height: 0px;">
                    <div class="panel-body">
                        <ul class="list_peta">            
                        <li><input type="checkbox" class="pariwisata">  Pariwisata</li>
                        <li><input type="checkbox" class="siskot" >  Sistem Perkotaan</li>
                        </ul>
                    </div>
                  </div>
                </div>
            </div>
        </div>
    
    
    
</div>

<!--<div class="kotakdata" style="overflow-y: auto">
    <iframe id="iframe1" src="<?php echo base_url() ?>/beta-chart/examples/tes/wilayah.html" style="width: 100%;height: 600px;  background: #eee; overflow: hidden;" seamless="seamless" onload="autoResize('iframe1');" ></iframe> 
</div>-->
